<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/page/common/taglib.jsp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>产品信息</title>
	<meta name="description" content="" />
	<meta name="keywords" content="" />
   
	<link href="/css/brand/style.css" rel="stylesheet" type="text/css" >
	 <link href="/css/main/font-awesome.min.css" rel="stylesheet" type="text/css" >
    <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/css/main/datepicker.css" rel="stylesheet" type="text/css">
    <link href="/css/main/style.css" rel="stylesheet">
    
    <link href="/css/product/goods.css" rel="stylesheet">
    
    <script src="/js/jquery.min.js"></script>
	<script src="/js/jquery-migrate-1.4.1.min.js"></script>
	<script src="/js/jquery.easing.1.3.js"></script>
   <script src="/js/bootstrap.min.js"></script>
	<script src="/js/swiper.min.js"></script>
	<script src="/js/main.js"></script>
    
    
  </head>
  <body>

<jsp:include page="/WEB-INF/page/common/Head.jsp"/>


		<div id="goodsDetail">
			<div class="container">
				<!--搜索-->
<!-- 				<div id="goodsSearch" class="row clearfix"> -->
<!-- 					<div class="col-md-8 keywordSearch"> -->
<!-- 						<form class="form-inline"> -->
<!-- 						  <div class="form-group"> -->
<!-- 							<label>关键字:</label> -->
<!-- 							<input type="text" class="form-control" name="keywords" placeholder="请输入关键字"> -->
<!-- 						  </div> -->
<!-- 						  <div class="checkbox"> -->
<!-- 							<label><input type="checkbox">现货</label> -->
<!-- 						  </div> -->
<!-- 						  <div class="checkbox"> -->
<!-- 							<label><input type="checkbox">无铅</label> -->
<!-- 						  </div> -->
<!-- 						  <div class="checkbox"> -->
<!-- 							<label><input type="checkbox"> 符合限制有害物质指令(RoHS)规范要求</label> -->
<!-- 						  </div> -->
<!-- 						  <button type="submit" class="btn btn-default">重新搜索</button> -->
<!-- 						</form> -->
<!-- 					</div> -->
					
<!-- 				</div> -->
				<!--路径导航-->
				<ol class="breadcrumb">
				  <li><a href="#">产品索引</a></li>
				  <li><a href="#">传感器，变送器</a></li>
				  <li><a href="#">光学传感器 - 光电检测器 - 逻辑输出</a></li>
				  <li class="active">QSE159</li>
				</ol>
				<!--商品信息-->
				<div class="row clearfix goodsIntro">
					<div class="col-sm-3">
						<div class="beablock-image">
							<img width="200" src="${product.imageUrl1}" title="商品名称"><br><br>
							图像仅供参考，请参阅产品规格书。
						</div>	
					</div>
					<div class="col-sm-9">
						<table class="table table-bordered product-details">
							<tr>
								<th colspan="3">人民币价格（含增值税）</th>
							</tr>
							<tr>
								<th>${brand.brandName} 零件编号</th>
								<td>${product.productCode}</td>
								<td class="catalog-pricing" rowspan="8">
									<table id="pricing" class="table table-bordered">
										<tr>
											<th>价格分段</th>
											<th>最小数量</th>
											<th>最大数量</th>
										</tr>
		
		
		                                
										<c:forEach var="litem" items="${ladder}">
										   
										    <tr>
												<td>${litem.strPrice}</td>
												<td>${litem.strMinCount}</td>
												<td>${litem.strMaxCount}</td>
										  </tr>
										
										</c:forEach>
										
										
									</table>
								</td>
							</tr>
							<tr>
								<th>现有数量</th>
								<td>
								
									${productSku.stock}
								</td>
							</tr>
							<tr>
								<th>制造商</th>
								<td><a href="#">${brand.brandName}</a></td>
							</tr>
							
							<tr>
								<th>描述</th>
								<td>${product.description}</td>
							</tr>
							
							<tr>
								<th>规格书</th>
								<td><a href="${product.specification}">规格书</a></td>
							</tr>
						</table>
						<form method="post" action="" name="addPartForm">
							<table class="table noborder">
								<tr>
									<th>数量</th>
<!-- 									<th>项目编号</th> -->
<!-- 									<th colspan="3">客户内部零件编号</th> -->
								</tr>
								<tr>
									<td>
										<input type="text" class="form-control" value="1" name="quantity_1" >
									</td>
<!-- 									<td> -->
<!-- 										<select  class="form-control" name="DKCPartNumber"> -->
<!-- 											<option value="QSE159-ND">QSE159-ND</option> -->
<!-- 											<option value="QSE159">QSE159</option> -->
<!-- 										</select> -->
<!-- 									</td> -->
<!-- 									<td> -->
<!-- 										<input type="text"  class="form-control" name="comment_1"> -->
<!-- 									</td> -->
									<td>
										<input  class="btn btn-default" type="submit" value="添加到购物车" id="AddToCartSubmitBtn">
										
										<input type="button" class="btn btn-default" value="加入收藏夹" id="addToFavBtn">
									</td>
									
								</tr>
							</table>
						</form>
					</div>			
				</div>
				<!--商品其他信息-->
				<div class="goodsOther">
				  <ul class="nav nav-tabs" role="tablist">
					<li role="presentation" class="active"><a href="#tab01" data-toggle="tab">一般信息</a></li>
				  </ul>
				  <div class="tab-content">
					<div role="tabpanel" class="tab-pane active" id="tab01">
						<table class="table table-bordered product-details" id="DatasheetsTable1">
							<tr>
								<th>名称</th>
								<td>${product.productName}</td>
							</tr>
							
							<c:forEach var="attitem" items="${attrs}">
							
							   <tr>
								<th>${attitem.attribute.attributeName}</th>
								<td>${attitem.valueStr}</td>
							 </tr>
							
							</c:forEach>
							
						</table>
					</div>
				
				  </div>
				</div>
				<!--猜你喜欢-->

			</div>
		</div>
  
<!-- 尾部 -->
<jsp:include page="/WEB-INF/page/common/Foot.jsp"/>

	<script>
	   $('#aue-offcanvas .sub-menu > a').live("click",function () {
        var last = $('.sub-menu.open', $('#aue-offcanvas'));
        last.removeClass("open");
        var sub = $(this).next();
        if (sub.is(":visible")) {
             $(this).parent().removeClass("open");
             sub.slideUp(200);
        } else {
             $(this).parent().addClass("open");
			 $(this).parent().parent().css('display','block!important');
            sub.slideDown(200);
        }
    });
</script>


</body>
</html>